<div id="contenedor" class="container">  
    <ul class="nav nav-tabs" id="myTab">
        <li class="active"><a>Recargar cuenta</a></li>
        <li><a href="historialPagos">Historial de pagos</a></li>
    </ul>
    <?php if ($fechaVencimientoFormatoBd > date("Y-m-d") && $diasRestantes > 8) { ?>
        <div class="row-fluid"> 
            <div class="span12 well">
                Tipo de cuenta: <b><?= $tipoCuenta ?></b><br>
                Valor mensual: <b> US $<?= $valorMesNoEstandar ?>.00</b> <br>
                Fecha de vencimiento: <b> <?= $fechaVencimiento ?></b> <br>
                Días restantes: <b> <?= $diasRestantes ?></b> <br>
                Nota: Solo puede recargar su cuenta faltando 8 dias para su vencimiento.
            </div>
        </div>
    <?php } else { ?>
        <div class="row-fluid"> 
            <div class="span12 well">
                Tipo de cuenta: <b><?= $tipoCuenta ?></b><br>
                Valor mensual: <b id="valorMesNoEstandar" data-valormesnoestandar="<?= $valorMesNoEstandar ?>"> US $<?= $valorMesNoEstandar ?>.00</b> <br>
                Fecha de vencimiento: <b> <?= $fechaVencimiento ?></b> <br>
                Días restantes: <b> <?= $diasRestantes ?></b> <br>
            </div>
        </div>
        <hr>
        <br>
        <form action="pagarSiguientePasoNoEstandar" method="post" class="form-horizontal">

            <div class="row-fluid">  




                <!-- Multiple Radios -->
                <div class="row-fluid">  
                    <div class="span4 offset2">

                        <div class="control-group">

                            <label class="radio">
                                <input id="radioTrimestral" type="radio" name="producto" value="3" required>
                                3 meses (5% de descuento)
                            </label>
                            <label class="radio">
                                <input id="radioSemestral" type="radio" name="producto" value="6" required>
                                6 meses (10% de descuento) 
                            </label>
                            <label class="radio">
                                <input id="radioAnual"  type="radio" name="producto" value="12" required>
                                12 meses (20% de descuento) 
                            </label>
                        </div>
                    </div>
                    <div class="span6">

                        <div class="control-group">
                            <label class="control-label">Precio</label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">US $</span>                                                                             
                                    <input id="precioFinal" name="precioFinal" type="text"  class="input-small" readonly="readonly" required>  
                                </div>
                            </div> 
                        </div>
                    </div>
                </div>

                <hr>
                <div class="row-fluid">
                    <div class="offset3">
                        <label class="control-label">Nombre de quien paga</label>
                    </div>
                    <div class="span6">
                        <input id="nombre" name="nombre" type="text" placeholder="Nombre completo" class="input-xlarge" required>
                    </div> 
                </div>
                <br>
                <div class="row-fluid">
                    <div class="offset3">
                        <label class="control-label">Email de quien paga</label>
                    </div>
                    <div class="span6">
                        <input id="email" name="email" type="email" placeholder="Email" class="input-xlarge" required>
                    </div> 
                </div>
                <!-- Button -->
                <div class="row-fluid">
                    <br>
                    <br>
                    <div class=" offset5">
                        <button id="singlebutton" name="singlebutton" class="btn btn-primary">Siguiente</button>
                    </div>
                </div>
            </div>
    </div>
    </form> 
<?php } ?>
</div>   